<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"><div class="container">
    <a class="navbar-brand" href="#">堆糖</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">

        <ul class="navbar-nav  ">

            <li class="nav-item cf dropdown">
                <a class="nav-link n " href="#"  data-toggle="dropdown" style="padding-left: 1.5rem;padding-right:1.5rem;">
                    分类

                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
        </ul>
        <form class="form-inline my-2 my-lg-0" >
            <input class="form-control " type="search" placeholder="Search" aria-label="Search">
            <button class="" type="submit"></button>
        </form>

            <a class="nav-link ml-auto" href="#">堆糖生活家</a>
            <a class="nav-link" href="#">登录/注册</a></div>
    </div>
</nav>
<div class="banner">
    <div class="container">
    <img src="images/banner_03.png" class="img-fluid c1" alt="Responsive image">
        <div class="c3 row">
    <div class="left col-md-8">
            <img src="images/banner1_06.png" class="c2 col-md-12" alt=""></div>
        <div class="right col-md-4 " style="padding: 0 ;">
            <div class="jl">
            <h2>社区热点</h2>
            <div class="con ">
            <button type="button" class="btn btn-outline-danger">欧美风</button>
            <button type="button" class="btn btn-outline-danger ">美甲</button>
            <button type="button" class="btn btn-outline-danger ">东宫</button>
            <button type="button" class="btn btn-outline-danger">张云雷</button>
            <button type="button" class="btn btn-outline-danger ">插画</button>
            <button type="button" class="btn btn-outline-danger ">女生节</button>
            <button type="button" class="btn btn-outline-danger ">阿丽塔</button>
            <button type="button" class="btn btn-outline-danger ">猫</button>
        </div>
            <div class="bottom">
                <div class="top">
                <a href="" class="" style="font-size: 18px; padding: 5px">精选</a><span style="font-size: 18px">招募 ● 少女感养成学院</span></div>
                <div class="bottom-1">
                <a href="" style="font-size: 18px ; padding: 5px" >工具</a><span style="font-size: 18px;padding: 5px 50px">堆糖收徒小助手</span></div>
                <div class="bottom-2">
                    <div class="row ">
                        <div class="col-md-4 col-4">
                            <a href=""><img src="20180606174907_WHMTS.png" class="card-img w-100" alt="..."></a>
                        </div>
                        <div class="col-md-8 col-8">
                            <h5 class="card-title">堆糖 - 美好生活研究所</h5>
                            <p class="card-text">最佳生活类应用</p>
                            <a class="card-text">立即下载</a>
                        </div>
                    </div>
                </div>
            </div>


    </div></div></div></div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-2 mt-4 mb-4"><ul class="c5">
            <li class="p1 active" style="">每日精选</li>
            <li class="p2" style="">关注动态</li>
        </ul></div>
        <div class="col-md-7 ">
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_10.png" alt="">
                    <div class="l1">
                    <h3>堆糖小喇叭</h3>
                    <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                留下壁纸，我们就是朋友！
                    </p>
                    <div class="tubiao">
                    <img src="img/10.png" alt="" class="f2">
                    <a href="" class="f3">
                    <img src="img/7.png" alt="" class="f1"><span>堆糖小喇叭</span></a>
                    <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">140</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">219</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_30.png" alt="">
                    <div class="l1">
                        <h3>coloroom彩条屋</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        观众苦等十年的《夏目友人帐》,到底是什么？
                    </p>
                    <div class="tubiao">
                        <img src="img/15.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/12.png" alt="" class="f1"><span>coloroom彩条屋</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">1228</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">1581</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_36.png" alt="">
                    <div class="l1">
                        <h3>美少女PINK酱</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        9.9包邮的宿舍神器,好用死了！连查寝老师都跟我要链接！
                    </p>
                    <div class="tubiao">
                        <img src="img/16.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/13.png" alt="" class="f1"><span>堆糖小喇叭</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">161</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">765</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_43.png" alt="">
                    <div class="l1">
                        <h3>-你是我全世界最喜欢的猪-</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        有哪些适合摘抄的文艺且悲凉的句子？
                    </p>
                    <div class="tubiao">
                        <img src="img/17.png" alt="" class="f2">
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">82</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">274</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_49.png" alt="">
                    <div class="l1">
                        <h3>干脆面炼金术士</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        人生的意义,在于一天比一天活得快乐
                    </p>
                    <div class="tubiao">
                        <img src="img/19.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/14.png" alt="" class="f1"><span>干脆面炼金术士</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">54</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">104</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_10.png" alt="">
                    <div class="l1">
                        <h3>堆糖小喇叭</h3>
                        <p>主题-我曾为你动过情</p></div>
                </div>
                <div class="c10">
                    <p>
                        主题-我曾为你动过情
                    </p>
                    <div class="tubiao">
                        <img src="img/21.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/7.png" alt="" class="f1"><span>堆糖小喇叭</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">300</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">665</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_43.png" alt="">
                    <div class="l1">
                        <h3>-你是我全世界最喜欢的猪-</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        登上79所高校学生借阅排行榜的九本书
                    </p>
                    <div class="tubiao">
                        <img src="img/22.png" alt="" class="f2">
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">59</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">151</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_59.png" alt="">
                    <div class="l1">
                        <h3>情写风月</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        799风景内测美化包
                    </p>
                    <div class="tubiao">
                        <img src="img/24.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt10.png" alt="" class="f1"><span>情写风月</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">35</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">22</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_65.png" alt="">
                    <div class="l1">
                        <h3>审</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>
                        火影你们粉谁留名我去截头像
                    </p>
                    <div class="tubiao">
                        <img src="img/26.png" alt="" class="f2">
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">9</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">1</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_36.png" alt="">
                    <div class="l1">
                        <h3>美少女PINK酱</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                    <div class="tubiao">
                        <img src="img/28.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt3.png" alt="" class="f1"><span>美少女PINK酱</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">57</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">126</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_77.png" alt="">
                    <div class="l1">
                        <h3>少女感养成学院</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>同桌的你</p>
                    <div class="tubiao">
                        <img src="img/30.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt6.png" alt="" class="f1"><span>少女感养成学院</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">89</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">106</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_10.png" alt="">
                    <div class="l1">
                        <h3>堆糖小喇叭</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>我的CP真香！</p>
                    <div class="tubiao">
                        <img src="img/32.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/7.png" alt="" class="f1"><span>堆糖小喇叭</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">91</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">107</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_85.png" alt="">
                    <div class="l1">
                        <h3>白日做梦大熊</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>当女生也太太太太不容易了</p>
                    <div class="tubiao">
                        <img src="img/34.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt7.png" alt="" class="f1"><span>白日做梦大熊</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">78</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">76</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_43.png" alt="">
                    <div class="l1">
                        <h3>-你是我全世界最喜欢的猪-</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>有哪些好看 值得回味的爱情电影？</p>
                    <div class="tubiao">
                        <img src="img/999.png" alt="" class="f2">

                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">89</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">293</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_07.png" alt="">
                    <div class="l1">
                        <h3>堆糖Class小助手</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>伴随一生的[少女感]，拥有它一点也不难</p>
                    <div class="tubiao">
                        <img src="img/44.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt8.png" alt="" class="f1"><span>堆糖Class小助手</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">140</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">219</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_100.png" alt="">
                    <div class="l1">
                        <h3>飞乐鸟</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>女生千万别看这些言情小说</p>
                    <div class="tubiao">
                        <img src="img/46.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt9.png" alt="" class="f1"><span>飞乐鸟</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">140</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">219</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="c8 mb-4 mt-4">
                <div class="c9">
                    <img src="images/tu_71.png" alt="">
                    <div class="l1">
                        <h3>美少女PINK酱</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>7个私藏的小众APP,实用又有bigger,用过三款算我输！</p>
                    <div class="tubiao">
                        <img src="img/48.png" alt="" class="f2">
                        <a href="" class="f3">
                            <img src="img/mt3.png" alt="" class="f1"><span>美少女PINK酱</span></a>
                        <a href="" class="mttp2">
                            <img src="img/112.png">
                            <span>文章</span>
                        </a>
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">140</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">219</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>
                </div>
            </div></div>
            <div class="c8  mt-4">
                <div class="c9">
                    <img src="images/tu_43.png" alt="">
                    <div class="l1">
                        <h3>-你是我全世界最喜欢的猪-</h3>
                        <p>热门内容</p></div>
                </div>
                <div class="c10">
                    <p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
                    <div class="tubiao">
                        <img src="img/50.png" alt="" class="f2">
                    </div>
                </div>
                <div class="container">
                <div class="row">
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_18.png" alt=""><a href="">140</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian1_21.png" alt=""><a href="">219</a>  </div>
                        <div class="k1 list-group-item col-4 text-center"><img src="images/dian_18.png" alt=""><a href="">更多</a>   </div>

                </div></div>
            </div>
            <div class="container mb-4"><div class="j3 row text-center">
                <a href="" class=" col-md-12 btn-lg">查看更多></a></div>
            </div>
        </div>
        <div class="col-md-3 mt-4 mn">
            <div class="top   mb-4">
                <div class="row v1">
                    <a class="col- btn-lg" href="">推荐关注</a>
                    <a class="col-4" href=""></a>
                    <a class="col-  btn-sm" href="" style="margin: auto">换一批</a>
                </div>
                <div class="con-2">
                    <div class="container">
                    <div class="row">
                        <div class="col- b5">
                        <img src="images/tup_03.png" alt=""></div>
                        <div class="col- b4">
                        <a href="" >一望损莓苔</a>
                        <p>擅长领域 手工园艺</p></div>
                        <div class="" style="margin: auto">
                        <a href="" class="col- c0 btn-sm">关注</a></div>
                    </div>

                    <div class="row">
                        <div class="col- b5">
                        <img src="images/tup_06.png" alt=""></div>
                        <div class="col- b9">
                        <a href="">猫头鹰叔叔</a>
                        <p>擅长领域 摄影</p></div>
                        <div class="col- " style="margin: auto">
                        <a href="" class=" c0 btn-sm">关注</a></div>
                    </div>
                    <div class="row">
                        <div class="col- b5">
                        <img src="images/tup_08.png" alt=""></div>
                        <div class="col- b9 ">
                        <a href="">兔纸鱼</a>
                        <p>擅长领域 Q版</p></div>
                        <div class="" style="margin: auto">
                            <a href="" class="col- c0 btn-sm">关注</a>
                            </div>
                    </div>
                    <div class="row">
                        <div class="col- b5">
                        <img src="images/tup_10.png" alt=""></div>
                        <div class="col- b4">
                        <a href="">小熊奶黄包</a>
                        <p>擅长领域 壁纸Q版</p></div>
                        <div class="" style="margin: auto">
                        <a href="" class="col- c0 btn-sm">关注</a></div>
                    </div></div>
                </div>
                <div class="container">
                <div class="bottom-3 row">
                    <a  class="col-md-12 text-center btn-lg" href="">查看更多></a>
                </div></div>
            </div>
            <div class="bottom-l text-center">
                <img src="er.jpeg" alt="" class="j6">
            </div>
        </div>
    </div>
        </div>
<footer>
    <div class="container">
        <div class="ooo" style="padding-top: 30px;">
            <div class="row">
                <div class="col-md-4" style="border-right: 1px solid #999;">
                    <h3 style="color: white">APP下载</h3>
                    <img style="margin: auto;display: block" src="images/13_26.png" alt="">
                    <h6 style="color: white;width: 150px;margin: auto;margin-top: 5px;">扫描二维码下载糖堆手机客户端</h6>
                </div>

                <div class="col-md-8 row" >
                    <div class="col-md-3">
                        <h3>关于我们</h3>
                        <ul>
                            <li><a href="">关于我们</a></li>
                            <li><a href="">加入我们</a></li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">上午合作</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h3>关注我们</h3>
                        <ul>
                            <li><a href="">新浪微博</a></li>
                            <li><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h3>友情链接</h3>
                        <ul class="l">
                            <li><a href=""  class="m">爱物网</a></li>
                            <li><a href=""  class="n">东方女性</a></li>
                            <li><a href="">肉丁网</a></li>
                            <li><a href="">更多..</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="sss">
            <div class="row">
                <div class="col-md-12" style="margin-top: 10px;">
                    <span style="color: white">©2019 duitang.com 版权所有。</span>
                    <a href="">
                        沪ICP备10038086号-3 <img src="images/1_30.png" alt=""><img style="margin-left: 6px" src="images/1_32.gif" alt="">丨</a>
                    <span  style="color: white">增值电信业务经营许可证：沪B2-20180610</span>
                    <a href="">自营经营者信息</a>
                    <div class="fff">
                        <img src="images/1_37.gif" alt="">
                        <a href="">上海市互联网违法和不良信息举报中心丨</a>
                        <a href="">有害内容举报电话：021-63462282</a>
                    </div>
                </div>
            </div>
        </div>
    </div>>
</footer>
</body>
</html>